@mixin background-color-theme() {
    [data-theme="defaultTheme"] & {
        background-color: #0091FF;
    }
    [data-theme="themeFirst"] & {
        background-color: #20a94f;
    }
}
@mixin background-color-hover-theme() {
    [data-theme="defaultTheme"] & {
        background-color: #1163de;
    }
    [data-theme="themeFirst"] & {
        background-color: #20a94f;
    }
}
@mixin  border-color-selected() {
    [data-theme="defaultTheme"] & {
        border-color: #0091FF;
    }
    [data-theme="themeFirst"] & {
        border-color: #20a94f;
    }
}
@mixin  border-color-selected-hover() {
    [data-theme="defaultTheme"] & {
        // border-color: #0091FF;
        border-color: rgba($color: #0091FF, $alpha: 0.5);
    }
    [data-theme="themeFirst"] & {
        border-color: #20a94f;
    }
}
@mixin font-color-theme() {
    [data-theme="defaultTheme"] & {
        color: #0091FF;
    }
    [data-theme="themeFirst"] & {
        color: #20a94f;
    }
}
@mixin font-color-hover-theme() {
    [data-theme="defaultTheme"] & {
        color: #1163de;
    }
    [data-theme="themeFirst"] & {
        color: #20a94f;
    }
}
@mixin font-color-disabled-theme() {
    [data-theme="defaultTheme"] & {
        color: #848484;
    }
    [data-theme="themeFirst"] & {
        color: #848484;
    }
}
@mixin  background-color-hover-theme {
    [data-theme="defaultTheme"] & {
        background-color: #0066ff;
    }
    [data-theme="themeFirst"] & {
        background-color: #20a94f;
    }
}
@mixin font-hover-theme {
    [data-theme="defaultTheme"] & {
        color: #0066ff;
    }
    [data-theme="themeFirst"] & {
        color: #20a94f;
    }
}
@mixin  border-color-theme {
    [data-theme="defaultTheme"] & {
        border-color: #0066ff;
    }
    [data-theme="themeFirst"] & {
        border-color: #20a94f;
    }
}